<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<select name="province" id="">
    <option value="0">--请选择--</option>
</select>
</body>
<script>
    const province = document.querySelector("select[name=province]")
    const xhr = new XMLHttpRequest();
    xhr.responseType = "json";
    xhr.open("get","http://zhangpeiyue.com/js/data.json");
    xhr.send();
    xhr.onload = function(){
        // console.log(Object.keys(xhr.response["0"]))
        for(let key in xhr.response["0"]){
            // console.log(key,xhr.response["0"][key])
            const option = document.createElement("option");
            option.innerText = xhr.response["0"][key];
            option.value = "0,"+key;
            province.appendChild(option);
        }
    }
</script>
</html>